@charset "utf-8";
/* CSS Document */

* { padding: 0;margin: 0;}
body {font-size: 14px; }
li {list-style: none;}
a{ text-decoration:none;}
.box {max-width: 640px;min-width: 300px;margin: 0 auto; height: auto;overflow: hidden;background:#f5f3f3;}
/*頭部*/
.header {width: 100%;height: auto;overflow: hidden;background:green;}
.logo {width:45%;height: 50px;float: left;background: #ccc;}
.logo img {width: 100%;height: 50px;}
.headRight {float: right;}
.headRight .menu ,.headRight .text {float: right;margin: 0 5px;color:#fff;}
.headRight .menu {width: 50px;height: 48px;line-height: 50px;text-align: center;}
.headRight .menu a{text-decoration: none;color: #ffff00;}
.headRight .text span { display: block;line-height: 25px;font-size: 12px;}
.headRight .text strong { display: block;line-height: 20px;font-size: 16px;}
/*banner*/
.banner {width: 100%;height: 160px; overflow: hidden; position: relative; background: #eee;margin-top:5px ;}
.main_visual{height:160px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image{height:160px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:160px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:160px;}
.main_image li span{display:block;width:100%;height:160px}
.main_image li a{display:block;width:100%;height:160px}
.main_image li .img_1{background:url(../img/banner1.jpg) center top no-repeat;background-size:100% 100%;}
.main_image li .img_2{background:url(../img/banner2.jpg) center top no-repeat;background-size:100% 100%;}
.main_image li .img_3{background:url(../img/banner3.jpg) center top no-repeat;background-size:100% 100%;}
.main_image li .img_4{background:url(../img/banner4.jpg) center top no-repeat;background-size:100% 100%;}
.main_image li .img_5{background:url(../img/banner5.jpg) center top no-repeat;background-size:100% 100%;}
div.flicking_con{position:absolute;top:120px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url(../img/btn_main_img.png) 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../img/hover_left.png) no-repeat left top;left:3%;}
#btn_next{background:url(../img/hover_right.png) no-repeat right top;right:3%;}

/*菜單*/
#nav {width:98%; padding-left: 10px; height: auto;  overflow: hidden;line-height: 30px; position: fixed; z-index: 1000;top: 50px; background: #ffff00; display: none;max-width: 630px;}

/*列表部分*/
.boxList {width: 100%; height: auto; overflow: hidden;background: #dddee0; padding-bottom:10px; padding-left:10px;}
.row { display:flex;display:-webkit-flex;display:-ms-flexbox; height: 100px;padding-top: 10px;}
.rowLi{display: inline-block;width:32.5%;box-sizing: border-box;margin:0 5px; height: 100px;background: #000033; position: relative; font-size:1.8em; line-height:100px; color:#FFF; text-align:center; margin-left: -4px;margin-top: -1px;}
.rowLi a{ color:#ffffff;}
.rowLi a:hover{ color:red;}
.li1{ background:#fee92c;}
.li2{ background:#ee6c6e;}
.li3{ background:#033ec0;}
.li4{ background:#4ca002;}
.li5{ background:#96c9cd;}
.li6{ background:#15b7c4;}

/*产品推荐*/
.clientele{ width:100%; overflow:hidden; padding-top:20px;}
.clienteles{ max-width:620px;width:100%; min-width:300px; margin:0 auto; overflow:hidden;}
#clienteleer{max-width:620px;width:100%; min-width:300px; height:110px; overflow:hidden; position:relative; line-height:110px;}
#clienteleer ul{  position:absolute; margin-top:5px; height:102px; overflow:hidden; left:0; top:0;}
#clienteleer ul li{ float:left; margin:0 10px;}
#clienteleer ul li img{ border:1px solid #CCC; width:160px; height:100px;}

/*公司宗旨、经营业务、关于我们*/

.zongzhi{width:100%; overflow:hidden;}
.zongzhi h1{padding-top:5px;border-top: solid 2px #00923F; text-align:center; font-size:16px;}
.zongzhi h1 a{color:#333;}
.zongzhi p{ text-indent:2em; margin-bottom:25px; color:#4d4d4d;}

/*产品中心*/
.product{ width:100%; overflow:hidden;}
.product-top{height: 30px;background: url(../img/bj1.gif) repeat-x;line-height: 30px;color: #fff;}
.product-top h4{font-size: 16px;font-family: "微软雅黑";font-weight: 800;padding-right: 35px;background: url(../img/h4pic.png) no-repeat 6px center;text-indent: 2.5em;}
.product-menu{padding:15px;}
.product-menu a{display: inline-block;width: 25%;box-sizing: border-box;margin-left: -4px;margin-top: -1px;
font-size: 14px;height: 44px;line-height: 44px;text-align: center;background-color: #fffdfc;border: 1px solid #f4ece7;
color: #333;overflow: hidden;visibility: visible;}
.programes{max-width:660px; min-width:300px; width:100%;margin-top:20px;overflow:hidden;}
.programes .cnt{position:relative;left:0; overflow:hidden; min-height:100px; width:3000px;}
.cnt li{display: table-cell;padding-right: 15px;width: 120px;}
.lia{width: 100%;display: block;height: auto;font-size: 1.2em;color: #333;line-height: 22px;word-break: break-all;}
.lia img{ margin-bottom:8px;}
.programesli{display: inline-block;margin-right: 15px;width: 120px;margin-top: 10px;}
.aab{margin-top: 4px;color: #c98457;display: block;font-size: 1em;}
.aac{background-color: #3268c0;color: #fff;display: block;width: 120px;margin-right: 15px;height: 30px;line-height: 30px;margin-top: 10px;font-size: 14px;text-align: center;display: inline-block;-moz-border-radius: 3px;border-radius: 3px;}
.f-anim{-webkit-transition:left .2s linear;}
/*另一种产品展示方式*/
.ul2{width: 100%;overflow: hidden;}
.ul2 li{ float:left; width:41%; margin-left:6%; margin-bottom:20px;line-height:0.9rem;border: 1px solid #ddd;
box-sizing: border-box;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;background: #FFF; overflow:hidden;}
.ul2 li a{ overflow:hidden; width:100%;}
.ul2 li a img{ width:100%; height:120px; display:block;}
.ul2 li a p{ height:40px; line-height:40px; text-align:center; color:#4d4d4d; border-top:1px solid #ddd; font-size:16px;}

/*客服中心*/
.kefu{ width:100%; overflow:hidden;}
.kefu-tit{height: 30px;background: url(../img/bj1.gif) repeat-x;line-height: 30px;color: #fff;}
.kefu-tit h4{font-size: 16px;font-family: "微软雅黑";font-weight: 800;padding-right: 35px;background: url(../img/h4pic.png) no-repeat 6px center;text-indent: 2.5em;}
.kefu-news{ overflow:hidden; margin-top:15px;background: url(../img/kefu-bj.png) repeat-x bottom left;}
.kefu-news h1{margin: 12px 3px 0 3px;height: 37px;background: url(../img/shaow1.png) no-repeat bottom center #FFFFFF; font-weight:normal; padding-bottom:10px; background-size:100% auto; }
.kefu-news h1 a{padding: 0px 9px;border: solid 1px #e3e3e3;background: #F0F0F0;color: #066A35;float: right;margin-right: 28px;font-size: 12px;font-family: "宋体", SimSun; margin-top:10px;}
.kefu-news h1 img{float: left;margin-top: -8px;}
.kefu-news p{ text-align:center; margin-top:15px;}
.kefu-news p img{display: block; margin:0 auto; max-width:600px; min-width:290px; width:98%; height:auto;}
.kefu-news li{line-height:30px;background: url(../img/newitem.png) no-repeat 10px center;text-indent: 2em;}
.kefu-news li .kfa{color: #066A35;}
.kefu-news li a{color:#6c6d6d;}
.kefu-sale{ overflow:hidden; margin-top:15px;background: url(../img/kefu-bj.gif) repeat-x bottom left;}
.kefu-sale h1{margin: 12px 3px 0 3px;height: 37px;background: url(../img/shaow1.png) no-repeat bottom center #FFFFFF; font-weight:normal; padding-bottom:10px; background-size:100% auto; }
.kefu-sale h1 a{padding: 0px 9px;border: solid 1px #e3e3e3;background: #F0F0F0;color: #066A35;float: right;margin-right: 28px;font-size: 12px;font-family: "宋体", SimSun; margin-top:10px;}
.kefu-sale h1 img{float: left;margin-top: -8px;}
.kefu-sale p{ font-family: 微软雅黑,yahei;font-size: 14px; text-indent:2em;margin: 20px;line-height: 25px;}

/*联系方式*/
.connect{ width:100%; overflow:hidden; margin-top:10px;}
.connect-tit{height: 30px;background: url(../img/bj1.gif) repeat-x;line-height: 30px;color: #fff;}
.connect-tit h4{font-size: 16px;font-family: "微软雅黑";font-weight: 800;padding-right: 35px;background: url(../img/h4pic.png) no-repeat 6px center;text-indent: 2.5em;}
.connectes{padding: 14px 0 11px;margin: 0 15px;border-bottom: 1px solid #f6f6f6; overflow:auto;-webkit-box-sizing: border-box;box-sizing: border-box;}
.connectes a{color: #00c; overflow:hidden;}
.connectes a p{color:#333; height:30px; line-height:30px;}
.connectesright{ -moz-border-radius: 4px;float: right;border-radius: 4px;}
.connectesright a{width:43px;line-height:1em;display: inline-block;text-align: center;font-size:0.9em;padding-top: 10px;padding-bottom: 10px;}

/*版权*/  
.copyright{ width:100%; text-align:center; overflow:hidden;color:#666; border-top:10px solid #FFF; margin-bottom:60px;}
.copyright p{ width:100%; height:40px; line-height:40px;}
.copyright p a{ color:#666;}
.copyright p a:hover{ color:red;}

/*底部联系*/
footer{padding: 7px 5px;background-color: #f7f7f7;border-top: 1px solid #d3d3d3;font-size: 0;bottom: 0; max-width:640px; min-width:300px;width: 100%;position: fixed;z-index: 99;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;box-sizing: border-box;visibility: visible;}
.foot{display: -moz-box;display: -webkit-box;display: box;width: 100%;text-align: center;}
.foot a{display: block;height: 38px;line-height: 38px;-webkit-box-flex: 1;-moz-box-flex: 1;box-flex: 1;font-size: 14px;width: 32%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: block;margin-right: 5px;margin-left: 5px;-moz-border-radius: 2px;border-radius: 2px;}
.af1{border: 1px solid #d3d3d3; background-color:#fff;color: #333;}
.af2{background-color: #f4f9ff;border: 1px solid #96c2f2;color: #0f6fd9;}
.af3{background-color: #3268c0;border: 0;color: #fff;}


/*公司简介页*/
.about{width:100%; overflow:hidden;}
.about-tit{height: 30px;background: url(../img/bj1.gif) repeat-x;line-height: 30px;color: #fff;}
.about-tit h4{font-size: 16px;font-family: "微软雅黑";font-weight: 800;padding-right: 35px;background: url(../img/h4pic.png) no-repeat 6px center;text-indent: 2.5em;}
.aboutny{color: #333;line-height: 28px;padding: 15px 15px 11px 15px;word-break: break-all;margin-top: -3px;}
.aboutny img{margin: 14px 10px 0 0;padding-left: 15px;float: left;}
.aboutny h3{font-size: 18px;color: #333;line-height: 32px;font-weight: normal;}
.aboutny p{font-size: 14px;color: #999;line-height: 21px;margin-top: 5px; text-indent:2em; margin-bottom:15px;}
.aboutny p span{ font-size:16px;color:#000;}

/*新闻页*/
.news{width:100%; overflow:hidden;}
.news-tit{height: 30px;background: url(../img/bj1.gif) repeat-x;line-height: 30px;color: #fff;}
.news-tit h4{font-size: 16px;font-family: "微软雅黑";font-weight: 800;padding-right: 35px;background: url(../img/h4pic.png) no-repeat 6px center;text-indent: 2.5em;}
.newsli{width: 86%;margin: 2%;height: auto;background-color: #FFFFFF;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;padding: 5%;overflow: hidden;}
.post{float: left;clear: both;width: 100%;border-bottom: 1px #ddd solid;padding: 5px 0 10px 0;margin: 0 0 15px 0;}
.post_thumb{float: left;width: 25%;padding: 0 5% 0 0;}
.post_thumb img{max-width: 92%;display: block;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
background-color: #ececec;border: 1px #d7d7d7 solid;padding: 4%;}
.post_content{float: left;width: 70%;padding: 0;}
.post_content h3{font-size: 14px;padding: 0 0 15px 0;clear: both;color:#8A50C1 !important;}
.post_content p{padding: 0 0 15px 0;margin: 0px;text-align: left;line-height: 20px; color:#444 !important}
.apage{height:35px;line-height:35px;background: #F9F9F9;margin:0 5px;border: solid 1px #ccc;
text-align: right;}
.apage li{float: left;margin-left: 10px;}
.apage li a{border: 1px solid #d4e3e9;padding: 0 3px;margin-right: 5px;color: #666;}

.news2{width: 86%;margin: 2%;height: auto;background-color: #FFFFFF;-moz-border-radius: 5px;-webkit-border-radius: 5px;
border-radius: 5px;padding: 5%;overflow: hidden; position:relative;}
.newstop{position: absolute;opacity: 0.8;left: 15px;top: 10px;}
.news2 h1{font-size: 20px;padding: 0 0 10px 0;font-weight: normal;margin: 0.6em 0;}
.newsny{ width:100%; overflow:hidden;}
.newsny p{color:#333;font-family: 'Microsoft YaHei';font-weight: normal;font-size: 14px; margin-bottom:20px; text-indent:2em; line-height:24px;}
.newsmenu{display: -moz-box;display: -webkit-box;display: box;width: 100%;text-align: center;margin-top: 12px;margin-bottom: 10px;margin-left: 6px;}
.newsmenu a{color: #0f6fd9;display: block;height: 38px;line-height: 38px;-webkit-box-flex: 1;-moz-box-flex: 1;box-flex: 1;font-size: 14px;width: 50%;border: 1px solid #e7e7e7;margin-right: 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-moz-border-radius: 4px;border-radius: 4px;}

/*产品页*/
.cp{width:100%; overflow:hidden; background:#fff; margin-bottom:10px;}
.cp-tit{height: 30px;background: url(../img/bj1.gif) repeat-x;line-height: 30px;color: #fff;}
.cp-tit h4{font-size: 16px;font-family: "微软雅黑";font-weight: 800;padding-right: 35px;background: url(../img/h4pic.png) no-repeat 6px center;text-indent: 2.5em;}
.cpny{ margin-top:15px; width:100%; overflow:hidden;}
.cpny li{ padding:15px 0; border-bottom:1px solid #ccc;}
.cpny li a{ color:#333;}
.spancp{ width:30%;display: table-cell;vertical-align: middle;padding: 0;padding-left:20px;}
.spancp img{border: 0;max-width: 100%;vertical-align: top; max-height:110px; min-height:70px; height:auto;}
.cpspan{width:70%;display: table-cell;vertical-align: middle;padding: 0;padding-left:20px;font-size:16px; font-weight:bold;height:100px; line-height:100px;}
.cp-menu{padding:15px;}
.cp-menu a{display: inline-block;width: 25%;box-sizing: border-box;margin-left: -4px;margin-top: -1px;
font-size: 14px;height: 44px;line-height: 44px;text-align: center;background-color: #fffdfc;border: 1px solid #f4ece7;
color: #333;overflow: hidden;visibility: visible;}

.cp2{width:90%;margin: 2%;height: auto;background-color: #FFFFFF;-moz-border-radius: 5px;-webkit-border-radius: 5px;
border-radius: 5px;padding:3%;overflow: hidden; position:relative;}
.cptop{position: absolute;opacity: 0.8;left: 15px;top: 10px;}
.cpny{ width:100%; overflow:hidden;}
.cpny p{line-height: 24px;margin-bottom: 20px;font-size: 14px;}
.cpny img{ display:block; width:100%; height:auto;}